@import "./animation.styl";

.App {
  text-align: center;
}

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  height: 80px;
}

.App-header {
  background-color: #222;
  height: 150px;
  padding: 20px;
  color: white;
}

.App-title {
  font-size: 1.5em;
}

.App-intro {
  font-size: large;
}

@keyframes App-logo-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

body {
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    user-select none;
}

#root {
    font-size 14px
}

html, body, #root {
    min-height 100%;
    height: 100%;
}


// fix list style error
.am-list-body:after {
    opacity: 0;
}
html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


.iphonex_top_fix {
    padding-top: 20px;
    padding-top: constant(safe-area-inset-top);
    /* Status bar height on iOS 11+ */
    padding-top: env(safe-area-inset-top);
}